<template>
  <a-card :bordered="false" :bodyStyle="tstyle">
    <a-form layout="inline">
      <a-row :gutter="24">
        <a-col :md="5" :sm="16">
          <button type="primary" @click="$refs.addForm.add()">
            添加发布信息
          </button>
        </a-col>
        <a-col :md="5" :sm="16">
          <button type="primary" @click="$refs.addSearchForm.add()">
            创建订单
          </button>
        </a-col>
        <a-col :md="5" :sm="16">
          <button type="primary" @click="$refs.addGatherForm.add()">
            创建监播汇总
          </button>
        </a-col>
        <a-col :md="5" :sm="16">
          <button type="primary" @click="$refs.importGatherForm.import()">
            导入监播汇总
          </button>
        </a-col>
<!--        <a-col :md="5" :sm="16">-->
<!--          <button type="primary" @click="$refs.addDict.add()">-->
<!--            设置-->
<!--          </button>-->
<!--        </a-col>-->
      </a-row >
      <a-row :gutter="48">
        <img src="~@/assets/welcome.png" class="logo" alt="logo" />
      </a-row>
      <add-form ref="addForm"/>
      <add-search-form ref="addSearchForm"/>
      <add-gather-form ref="addGatherForm"/>
      <add-dict ref="addDict"/>
      <import-gather-form ref="importGatherForm"/>
    </a-form>
  </a-card>
</template>

<script>
import addForm from '@/views/system/pushmanage/addForm.vue'
import addSearchForm from '@/views/system/pushsearch/addForm.vue'
import addGatherForm from '@/views/system/monitoringgather/addForm.vue'
import importGatherForm from '@/views/system/monitoringgather/importForm.vue'
import addDict from '@/views/system/fendict/addForm.vue'

export default {
  components: {
    addForm,
    addSearchForm,
    addGatherForm,
    addDict,
    importGatherForm
  },
  data() {
    return {
      tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' }
    }
  }
}
</script>

<style lang="less" scoped></style>
